<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:controls="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    mc:Ignorable="d"
    d:DesignWidth="350" d:DesignHeight="250"
    x:Class="Rage.Marauder.AbilityTooltip">
    
    <UserControl.Resources>
        <Style x:Key="SmallIconStyle" TargetType="Image">
            <Setter Property="Width" Value="16"/>
            <Setter Property="Height" Value="16"/>
            <Setter Property="Margin" Value="1,1,1,1"/>
        </Style>
    </UserControl.Resources>
    
    <Popup x:Name="AbilityPopup">
        <Grid MaxWidth="350">
            <Grid.RowDefinitions>
                <RowDefinition />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition />
            </Grid.ColumnDefinitions>
        
            <Rectangle RadiusX="3" RadiusY="3">
                <!--Rectangle.Effect> //Turning this effect off for performance reasons, may add it back in later
                    <DropShadowEffect ShadowDepth="4" Opacity="0.35" BlurRadius="10"/>
                </Rectangle.Effect-->
                <Rectangle.Stroke>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FFA3AEB9"/>
                        <GradientStop Color="#FF8399A9" Offset="0.375"/>
                        <GradientStop Color="#FF718597" Offset="0.375"/>
                        <GradientStop Color="#FF617584" Offset="1"/>
                    </LinearGradientBrush>
                </Rectangle.Stroke>
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FFDEDEDE" Offset="1"/>
                        <GradientStop Color="#FFFFFFFF" Offset="0"/>
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>

            <Grid Margin="4">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="*" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>

                <!-- Row 0: Ability Name -->
                <TextBlock x:Name="LB_Name" Text="Ability Name" VerticalAlignment="Center" FontWeight="Bold" FontSize="12" Foreground="#FF8112C4" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2"/>
                <!-- Row 1: Ability Icon and Description -->
                <Image x:Name="TheImage" Margin="4" Height="64" Width="64" VerticalAlignment="Top" Grid.Row="1" Grid.Column="0" />
                <TextBlock x:Name="TB_Desc" Text="wurd" TextWrapping="Wrap" Grid.Row="1" Grid.Column="1" />
                <!-- Row 2: What It Do Label -->
                <TextBlock Text="What Checking this does:" FontWeight="Bold" Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="2" />
                <!-- Row 3: What It Do Text -->
                <TextBlock x:Name="TB_WhatItDo" Text="this" TextWrapping="Wrap" Grid.Row="3" Grid.Column="0" Grid.ColumnSpan="2" />
            </Grid>
        </Grid>
    </Popup>
</UserControl>